<ion-header>
  <ion-navbar>
    <ion-title>案例页面</ion-title>
  </ion-navbar>
  <ion-searchbar placeholder="请输入关键字"  (ionInput)="getCases()" (ionClear)="clearClicked()" ></ion-searchbar>

  <ion-toolbar no-border-top>
      <ion-segment [(ngModel)]="casres">
        <ion-segment-button value="normal">
          普通案例
        </ion-segment-button>
        <ion-segment-button value="classic">
          经典案例
        </ion-segment-button>
      </ion-segment>
    </ion-toolbar>
</ion-header>


<ion-content>

<ion-grid>
    <ion-row>
      <ion-col col-6>
            <ion-list>
              <ion-item>
                <ion-label>建筑</ion-label>
                <ion-select [(ngModel)]="employeer"  >
                    <ion-option *ngFor="let employee of employees" [value]="employee.value" >{{employee.value}}</ion-option>
                  </ion-select>
              </ion-item>
            </ion-list>
      </ion-col>

      <ion-col col-6>
             <ion-list>
               <ion-item>
                 <ion-label>二级分类</ion-label>
                 <ion-select [(ngModel)]="employeer"  >
                     <ion-option *ngFor="let employee of employees" [value]="employee.value" >{{employee.value}}</ion-option>
                   </ion-select>
               </ion-item>
             </ion-list>
      </ion-col>
    </ion-row>
</ion-grid>
  


<div [ngSwitch]="casres">
  <ion-list *ngSwitchCase="'normal'">
      <ion-card (click)="goToCaseDetailFn()">
        <ion-card-header>
          Card Header
        </ion-card-header>
        <ion-card-content>
          <img src="" alt="" width='100%' height="5rem">
          card content
          <p>description</p>
          <p><span>赞 (123)</span><span>收藏 (123)</span></p>
        </ion-card-content>
      </ion-card>
  </ion-list>
    <ion-list *ngSwitchCase="'classic'">
      <ion-card (click)="goToClassicPageFn()">
        <ion-card-header>
          Card Header
        </ion-card-header>
        <ion-card-content>
          <img src="" alt="" width='100%' height="5rem">
          card content
          <p>description</p>
          <p><span>赞 (456)</span><span>收藏 (456)</span></p>
        </ion-card-content>
      </ion-card>
    </ion-list>
</div>


</ion-content>